<template>
  <div>
    <el-card>
      <!-- 1.0 头部选项卡 -->
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane v-for="item in panelArr" :key="item.id" :name="item.name">
          <span slot="label">{{ item.label }}</span>
          <keep-alive>
            <c-table />
          </keep-alive>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import cTable from './components/table.vue'

export default {
  components: {
    cTable
  },
  data() {
    return {
      activeName: 'all',
      panelArr: [
        {
          id: 11,
          name: 'all',
          label: '全部'
        },
        {
          id: 12,
          name: 'timein',
          label: '定时中'
        },
        {
          id: 13,
          name: 'wait-min',
          label: '待分配'
        },
        {
          id: 14,
          name: 'working',
          label: '进行中'
        },
        {
          id: 15,
          name: 'backmoney',
          label: '待返款'
        },
        {
          id: 16,
          name: 'error',
          label: '异常'
        },
        {
          id: 17,
          name: 'nogoodc',
          label: '未好评'
        },
        {
          id: 18,
          name: 'noaddc',
          label: '未追评'
        },
        {
          id: 19,
          name: 'commoning',
          label: '追评中'
        },
        {
          id: 20,
          name: 'done',
          label: '已完成'
        }
      ]
    }
  },
  methods: {
    handleClick() {}
  }
}
</script>

<style lang="scss" scoped>
</style>
